.setDevice{
	width: 100vw;
	height: 100vh;
	background: linear-gradient(to bottom, #dae0eb, #f1f1f1);
}
.set-top{
	width: 100%;
	height: 160rpx;
	line-height:160rpx;
	padding-top:20rpx;
	font-size:160rpx;
	text-align:center;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	margin-top:30rpx;
	position:relative;
	
	.c {
		width: 60rpx;
		height: 60rpx;
	}
	.set-top-position{
		position: absolute;
		right: 60rpx;
		bottom: 25rpx;
		font-size: 32rpx;
		color: #20ade5;
		display: flex;
		align-items: center;
		height: 45rpx;
		.devhumIcon{
			width: 45rpx;
			height: 45rpx;
		}
	}
}
.set-center{
	width:100vw;
	height:300rpx;
	.set-center-error{
		color:red;
		text-align:center;
		height:40rpx;
	}
	.set-center-action-show{
		
		margin:0 auto;
		display:flex;
		justify-content:space-between;
		padding:0 15rpx;
		
		
		.set-center-action-aside-icon{
			width: 45rpx;
			height: 45rpx;
			padding-left: 5rpx;
		}
		.set-center-action-aside-txt{
			color:#8a8a8a;
		}
		
	}
	.set-center-action-center{
		width: 60%;
		text-align:center;
		.set-center-action-control{
			width: 100%;
			display:flex;
			align-items:center;
			justify-content:space-between;
			margin-top:40rpx;
			margin-bottom:40rpx;
			.set-center-action-control-add{
				width: 88rpx;
				height:88rpx;
		
			}
			.set-center-action-control-sub,
			.set-center-action-control-switch{
				width: 100rpx;
				height:100rpx;
			}
			.set-center-action-control-sub{
				margin-top:-3rpx;
			}
		}
	}
	.set-center-action{
		width:100%;
		display:flex;
		justify-content:center;
		color:#8a8a8a;
		
		
	}
    .set-center-electric{
		margin:0 40rpx;
		display:flex;
		justify-content:space-around;
		padding-bottom:40rpx;
		border-bottom:1rpx solid #8a8a8a;
		.set-center-electric-item{
			width: 33%;
			display: flex;
			align-items: center;
			justify-content: center;
		}
	}
	.set-center-mode{
		margin:0 40rpx;
		display:flex;
		justify-content:space-between;
		padding:40rpx;
		border-bottom:1rpx solid #8a8a8a;
		.set-center-mode-choose{
			width:35vw;
			height: 150rpx;
		    display:flex;
	        flex-direction:column;
	        justify-content:center;
	        align-items:center;
	        border-radius:20rpx;
			background:#21aee5;
			color:#fff;
	    
		}
		.set-center-mode-choose-not{
			width:35vw;
			height: 150rpx;
			display:flex;
			flex-direction:column;
			justify-content:center;
			align-items:center;
			border-radius:20rpx;
			background:#f2f2f2;
			color: #000;
		}
		.set-center-mode-choose-image{
			width: 80rpx;
			height: 85rpx;
			display:flex;
			align-items:center;
			justify-content:center;
		  }
	}
}
.set-bottom{
	margin-top:400rpx;
	.set-bottom-more{
		width:80%;
		display:flex;
		align-items:center;
		justify-content:flex-end;
		margin:25rpx auto;
		color:#8a8a8a;
		
	}
}
.set-bottom-list{
	width: 80%;
	border-radius:50px;
	height:80rpx;
	margin:25rpx auto;
	background:#fff;
	display:flex;
	padding:15rpx 30rpx;
	font-size:36rpx;
	justify-content:space-between;
	.set-bottom-list-left,
	.set-bottom-list-right{
		display:flex;
		align-items:center;
		}
		.set-bottom-list-left-icon{
			width:50rpx;
			height:50rpx;
			padding-right:20rpx
		}
		.set-bottom-list-right-icon{
			padding-left:30rpx;
		}
	
}

// 
.ModalPopup{
	padding-top:40rpx;
	
}
.ModalPopup-tltle{
	width:100%;
	text-align:center;
	font-size:20px;
	font-weight:bold;
}
.ModalPopup-actions{
	display:flex;
	justify-content:space-evenly;
	padding:50rpx 70rpx;
	.ModalPopup-actions-item,
	.ModalPopup-actions-item-selected{
		padding:15rpx 40rpx;
		border-radius:10rpx;
	}
	.ModalPopup-actions-item{
		background:#f2f2f2;
		
		
	}
	.ModalPopup-actions-item-selected{
		color:#fff;
		background:#20aee5;
		
		
	}
	
}
.ModalPopup-actions.mode{
	padding:50rpx 20rpx;
	.ModalPopup-actions-item.mode{
		text-align:center;
		height:120rpx;
		width:17%;
		padding:10rpx 0;
		font-size:22rpx;
		text-align:center;
		margin:0 5rpx;
		.ModalPopup-actions-item-mode{
			width: 40rpx;
			height:40rpx;
			margin-bottom:10rpx;
			
		}
	}
	.ModalPopup-actions-item-selected.mode{
			padding:50rpx 20rpx;
			height:120rpx;
				text-align:center;
				width:17%;
				padding:10rpx 0;
				font-size:22rpx;
				text-align:center;
				color:#fff;
				background:#20aee5;
				border-radius:5px;
				margin:0 5rpx;
				.ModalPopup-actions-item-mode{
					width: 40rpx;
					height:40rpx;
					margin-bottom:10rpx;
					
				}
		}
	
}

.ModalPopup-Btns{
	width:100%;
	display:flex;
	.ModalPopup-Btns-cancel{
		width:50vw;
		line-height:80rpx;
		text-align:center;
		background:#f2f2f2;
		border-radius:0 0 0 20px;
	}
	.ModalPopup-Btns-confirm{
		width:50vw;
		line-height:80rpx;
		text-align:center;
		background:#20aee5;
		color:#fff;
		border-radius:0 0 20px 0;
	}
}